<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style>
		.box{
			width: 100px;
			height: 100px;
			background-color: aquamarine;
		}
	</style>
	<body>
		<div id="app">
			<button @click="show=!show" >点击</button>
			<span v-show="show">1111</span>
			<!-- show  切换他的display 状态     dom频繁的切换  -->     
			
			<!-- if  dom销毁和重新创建            初始化时确认了状态 -->
		</div>
	</body>
	<script src="./vue.js"></script>
	<script>
		
		const {createApp,ref} = Vue;
		
		createApp({
			setup() {
				let show = ref(true)
				return {
					show
				}		
			}
		}).mount('#app')
		
		
	</script>
</html>